<template>
	<view class="box">
		<!-- 自定义导航栏 -->
		<view class="navBarBox">
			<!-- 状态栏占位 -->
			<view class="statusBar" :style="{ paddingTop: statusBarHeight + 'px' }"></view>
			<!-- 真正的导航栏内容 -->
			<view class="navBar">
				<uni-icons class="uia" custom-prefix="custom-icon" type="back" size="30" @click="back"></uni-icons>
				<view class="title">我填报的工单</view>
			</view>
		</view>
		<!-- 下面内容 -->
		<view class="btn">
			<image src="../../../static/工单.png" class="img"></image>
			
		</view>
		<text>暂无工单内容</text>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 状态栏高度
				statusBarHeight: 0,
				// 导航栏高度
				navBarHeight: 150,
			}
		},
		methods: {
			back() {
				uni.navigateBack()
			},
		},
		mounted() {
			this.statusBarHeight = uni.getSystemInfoSync()['statusBarHeight'];
		}
	}
</script>

<style lang="scss" scoped>
	text{
		display: flex;
		justify-content: center;
		color: #999999;
		margin-top: 20rpx;
	
	}
	.btn{
		width: 100%;
		height: 25%;
		display: flex;
		justify-content: center;
		margin-top: 30%;
		// background-color: lightblue;
	}
	.img{
		width: 59%;
		height: 100%;
		object-fit: contain;
		
	}
	.box{
	width: 100vw;
	height: 100vh;
	line-height: 100rpx;
	background-color: #f4f6f9;
	}
.navBarBox .navBar {
		.uia{
			float: left;
		}
		.title {
			width: 100%;
			text-align: center;
			font-size: 18px;
		}
	}
</style>
